@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0}
ul{list-style:none}
a{text-decoration:none; color:#0098ec}
a:hover { text-decoration:underline}
sup { vertical-align:text-top}
sub{ vertical-align:text-bottom}
legend {color:#000}
img{vertical-align:middle}
table { border-collapse:collapse; border-spacing:0}
p{word-wrap:break-word}
input{border:1px solid #aaa}
fieldset, img, #top_search li:first-child input, #top_search li:last-child input{border:0}
body, button, input, select, textarea, p, h1, h2, h3, h4, h5{font:14px/1.7em Lato,Arial,Helvetica,sans-serif; color:#666}
body{background:#fff}
ol li{ list-style:disc; margin:0 0 12px 12px}
*{box-sizing:border-box;}/*lily201504*/
input[type="submit"], input[type="reset"], input[type="button"], button{-webkit-appearance: none;}/*lily201504*/
header:after, #sub_menu ul:after, .main_left ul:after{clear:both; content: "."; display:block; font-size:0;  height:0; line-height:0; visibility:hidden}/*lily201504*/

.frame1000, header nav ul, #sub_menu ul{width:1000px}
.frame1000, header nav ul, .banner_image, #sub_menu ul, .banner_image_small{margin:0 auto}
.frame1000, header nav a, .launch_button, .download_button, .bg_white section, #top_link li, #sub_menu li a, .main_left, .button_download, #comment_form li:last-child input{position:relative}
.banner_button, .free_tip, .img_line, #top_link li ul, .bg_camera{position:absolute}
#logo, #top_search li, .main_left, .main_right, .img_nav ul li, .img_list li, .bg_white section:nth-child(2n+1) img, .bg_gray img, .img_float_left, #comment_list .img_photo, #comment_list .meta_list, header nav ul li, header nav a, #sub_menu li, #sub_menu li a{float:left}
.top_right, .bg_white section:nth-child(2n) img, .load_more, #comment_number, #top_link li{float:right}
header nav, .clearboth, .entry{clear:both}
.clearboth{height:0; overflow:hidden}
#top_link li, .bg_white section div, .load_more, .foot_social a, #comment_form li label{display:inline-block}
.clearboth, #logo, #banner h1, #banner h2, .img_line, .bg_blue p, footer p, #top_link li li a, .bg_blue p span, h1, h2, h3, h4, .main_left ul li, header nav ul li, header nav a, .main_left ul li strong, #comment_number a, .banner_404_bg h2 span, .banner_404_bg p:last-child, .img_list li a, #sub_menu li, #sub_menu li a{display:block}
#hows, #hubs{display:none}
a, #top_search li:last-child input, .img_nav li, #comment_form li:last-child input{cursor:pointer}
#top_search li:first-child input, .img_list li h3, .img_list li p, .main_right section h2, .bg_blue p, .bg_gray h3, .bg_gray p, #sub_menu li a{text-shadow:0 1px 0 rgba(255, 255, 255, 0.7)}
#sub_menu li a:hover, #sub_menu li a.hover, footer p, #banner p, #banner_small p, #banner h2, #banner_small h2, .bg_blue h2{text-shadow:none}
#top_search li:first-child input{border-radius:8px}
header nav a:hover, .launch_button:hover, .download_button:hover, .main_right section ul li a:hover, .load_more:hover, #sub_menu li a:hover, #top_link li li a:hover, .button_download:hover{text-decoration:none}
#banner h1 span:first-child, #banner h2, .img_list li h3, .bg_white h2, .bg_white h3, .bg_white h4, .banner_404_bg h2 span{font-weight:normal}
.bg_blue p span, #comment_form li:last-child input, #comment_number a span, .thdrpy a, cite, .banner_404_bg h2{font-weight:bold}
.main_right section ul li a, .load_more, .bg_gray h3 a, #top_link li li a, .img_nav li, .thdrpy a{transition: all 0.5s ease 0s}
#logo, .free_tip, .img_nav, .img_list li img, .main_right section, .main_right section ul li, .foot_social a, .bg_camera, #sub_menu li a:hover, #sub_menu li a.hover, .main_left ul li{background:url(images/images.png) no-repeat 0 0}

header{border-top:2px solid #54aad4; padding:5px 0; background:#fff}
#logo{width:259px; height:42px; margin:16px 0}
#logo:hover{background-position:0 -43px}
#top_link{font-size:12px}
#logo img, .mobile_menu, .small_menu{display:none}/*lily201504*/
#top_link li{margin:0 4px}
#top_link li a{color:#888;}
#top_link li ul{top:20px; left:-8px; z-index:100; background:#fff; padding:4px; border-radius:0 0 10px 10px; box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); display:none; width:218px}
#top_link li li{float:left; width:100px; margin:0; padding:0 4px}
#top_link li a.en, #top_link li li a, #top_link li a.de, #top_link li a.fr, #top_link li a.it, #top_link li a.pt, #top_link li a.es, #top_link li a.nl, #top_link li a.jp, #top_link li a.zh, #top_link li a.tw, #top_link li a.se, #top_link li a.fi, #top_link li a.no, #top_link li a.dk, #top_link li a.pl, #top_link li a.hu, #top_link li a.cz
, #top_link li a.gr, #top_link li a.tr{background:url(http://www.apowersoft.net/comm/images/flag.png) 0 6px no-repeat; padding-left:24px}
#top_link li a.en{background-position:0 3px} 
#top_link li a.fr{background-position:0 -20px} 
#top_link li a.de{background-position:0 -42px} 
#top_link li a.it{background-position:0 -64px}
#top_link li a.pt{background-position:0 -150px}
#top_link li a.es{background-position:0 -86px}
#top_link li a.nl{background-position:0 -174px}
#top_link li a.jp{background-position:0 -128px}
#top_link li a.zh{background-position:0 -106px}
#top_link li a.tw{background-position:0 -194px}
#top_link li a.se{background-position:0 -260px}
#top_link li a.fi{background-position:0 -282px}
#top_link li a.no{background-position:0 -304px}
#top_link li a.dk{background-position:0 -326px}
#top_link li a.pl{background-position:0 -349px}
#top_link li a.hu{background-position:0 -370px}
#top_link li a.cz{background-position:0 -391px}
#top_link li a.gr{background-position:0 -435px}
#top_link li a.tr{background-position:0 -414px}

#top_link li li a.en{background-position:0 6px} 
#top_link li li a.fr{background-position:0 -17px} 
#top_link li li a.de{background-position:0 -39px} 
#top_link li li a.it{background-position:0 -61px}
#top_link li li a.pt{background-position:0 -149px}
#top_link li li a.es{background-position:0 -83px}
#top_link li li a.nl{background-position:0 -171px}
#top_link li li a.jp{background-position:0 -125px}
#top_link li li a.zh{background-position:0 -103px}
#top_link li li a.tw{background-position:0 -191px}
#top_link li li a.se{background-position:0 -257px}
#top_link li li a.fi{background-position:0 -279px}
#top_link li li a.no{background-position:0 -301px}
#top_link li li a.dk{background-position:0 -323px}
#top_link li li a.pl{background-position:0 -346px}
#top_link li li a.hu{background-position:0 -367px}
#top_link li li a.cz{background-position:0 -388px}
#top_link li li a.gr{background-position:0 -431px}
#top_link li li a.tr{background-position:0 -410px}

#top_link li.lan:hover ul{display:block}
#top_link li li a.jp{color:#666}
#top_link li li a:hover{color:#3599ca; background-color:#E3F4FD}

#top_search li{width:320px; margin-left:5px}
#top_search li input#gsc-i-id1{border-top:1px solid #adadad; border-bottom:1px solid #fdfdfd; background:#ededed; color:#999; padding:0; margin:0; width:270px; border-radius:0; font-size:10px}
#top_search li input.gsc-search-button-v2{border-radius:0 8px 8px 0; margin:7px 0 0 0; background:#4298cc; padding:7px 10px; box-shadow:inset 0 -4px 0 rgba(0, 95, 152, 1), 0 2px 2px rgba(0, 0, 0, 0.3); width:32px; height:26px}
#top_search li input.gsc-search-button-v2:hover{box-shadow:inset 0 4px 4px rgba(0, 95, 152, 1), 0 2px 2px rgba(0, 0, 0, 0.3)}
.cse .gsc-control-cse, .gsc-control-cse, .gsc-search-box-tools .gsc-search-box .gsc-input{padding:0!important}
form.gsc-search-box, table.gsc-search-box{margin:0!important}
.gsib_a{padding-top:0!important}

header nav{background:#a7d0e4; box-shadow:0 6px 0 #54aad4; height:36px;}
header nav a{padding:8px 35px 4px 35px;  font-size:18px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); color:#003F65; border-left:1px solid #6CAED5; box-shadow:1px 0 0 rgba(255, 255, 255, 0.3) inset}
header nav a:hover, header nav a.hover{background:#227ca8; color:#fff; box-shadow:0 -3px 0 #fff, inset 2px 0 0 #15648b, inset -2px 0 0 #15648b; top:3px; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3)}
header nav li:last-child a{border-right:1px solid #6CAED5; box-shadow:1px 0 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3)}
header nav li:last-child a:hover, header nav li:last-child a.hover{box-shadow:0 -3px 0 #fff, inset 2px 0 0 #15648b, inset -2px 0 0 #15648b, 1px 0 0 rgba(255, 255, 255, 0.3) inset, 1px 0 0 rgba(255, 255, 255, 0.3)}
#banner{border-bottom:1px solid #002441}
#banner, #banner_small{ background:url(images/bg_banner.jpg) 0 -60px repeat-x; height:470px}
#banner_small{background-position:0 bottom; height:330px}
.banner_image{ background:url(images/banner.jpg) center -60px no-repeat; min-width:1000px; max-width:1465px; height:470px}
.banner_image_small{background:url(images/banner2.jpg) center top no-repeat; min-width:1000px; max-width:1465px; height:330px}
#banner .frame1000{padding:25px 0 0 0; height:430px}
#banner_small .frame1000{padding:44px 0 0 0; height:277px}
#banner h1, #banner_small h1{color:#fff; font-size:46px; line-height:1.5em; padding:0 0 6px 0; font-family:"Myriad Pro", "Century Gothic", Verdana, Arial; font-weight:bold}
#banner_small h1{line-height:0.6em}
#banner h1 span:first-child, #banner h2 span, #banner_small h1 span:first-child, #banner_small h2 span{color:#ffcc00; font-family:"Century Gothic", Verdana, Arial}
#banner h1 span:first-child, #banner_small h1 span:first-child{color:#ffcc00; font-size:40px}
#banner h1 span:last-child, #banner h2, #banner_small h1 span:last-child, #banner_small h2{font-size:26px; font-style:italic; margin:-10px 0 0 0}
#banner h2, #banner_small h2{color:#00f6ff; padding-top:0}
#banner_small h2{line-height:1em}
#banner p{color:#1c7492; font-size:20px; width:502px; line-height:1.6em; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); display:block; border-radius:20px; padding:30px 30px 30px 40px; margin:6px 0 0 0; background:url(images/banner-p-bg.png) no-repeat 0 0; height:224px; font-family:"Myriad Pro", "Century Gothic", Verdana, Arial;}
#banner_small p{color: #fff; font-size: 22px; line-height: 1.3em; width: 550px;}
#banner_small p{font-size:18px}
#banner p span, #banner_small p span{color:#0f5f89}
#banner p span.orange_text{ color:#ff6000}
.banner_button{bottom:0; left:270px; height:60px}
#banner_small .banner_button{bottom:10px}
.launch_button{color:#ff5400; font-size:31px; padding:10px 30px 10px 80px; border-radius:40px; text-shadow:0 1px 0 #fffc00; box-shadow:0 7px 0 #d06200, 0 8px 8px rgba(0, 0, 0, 0.5); background:#ffcc00 url(images/images.png) no-repeat 30px -130px; margin:0 12px 0 0}
.launch_button:hover{top:3px; box-shadow:0 2px 0 #d06200, 0 3px 3px rgba(0, 0, 0, 0.5)}
.download_button{color:#096e09; font-size:21px; padding:10px 20px 6px 55px; border-radius:40px; text-shadow:0 1px 0 #c1ff9b; box-shadow:0 7px 0 #00c036, 0 8px 8px rgba(0, 0, 0, 0.5); background:#60ff00 url(images/images.png) no-repeat 20px -192px}
.download_button:hover{top:3px; box-shadow:0 2px 0 #00c036, 0 3px 3px rgba(0, 0, 0, 0.5)}
.free_tip{bottom:36px; left:-30px; background-position:0 -246px; width:161px; height:64px; display:none}
#content{background:url(images/image_share_bg.png) repeat 0 0}
#membership{border-top:1px solid #00344d; background:#54aad4; border-bottom:10px solid #004c6f; color:#002f44; font-size:18px; padding:5px 0 8px 0} 
#membership input{margin:0 4px 0 10px}
.main_left{width:670px; margin-bottom:40px}
.frame_article{margin:20px 0}
.main_right{width:300px; margin:20px 0 0 30px}
.main_left .img_nav{background-position:0 -317px; padding:21px 0 0 0}
.main_left .img_nav ul{background:#0f84b7; height:45px; color:#fff; margin:0; padding:0}
.main_left .img_nav ul li{line-height:45px; font-size:18px; padding:0 20px; margin:0; background-image:none}
.main_left .img_nav ul li:hover, .main_left .img_nav ul li.hover{background:#353535; box-shadow:inset 0 -2px 0 #18beea; margin:0}

.main_left ul.img_list li{padding:0; background:#fff;border:0; width:198px; margin:15px 37px 0 0; border-radius:8px; box-shadow:0 2px 0 rgba(0, 0, 0, 0.2); overflow:hidden; background-image:none}
.img_list li a{border-bottom:1px solid #ddd}
.img_list li img{background-position:-472px 189px; border-radius:8px 8px 0 0; cursor:url(images/zoomin.cur), pointer;}
.img_list li h3, .img_list li p{margin:8px 6px; padding:0}
.img_list li p{color:#777}
.main_left ul.img_list li:nth-child(3n){margin-right:0}

.main_right section{background-position:-370px bottom; padding-bottom:5px; margin-bottom:30px;font-family:Verdana, Geneva, sans-serif}
.main_right section h5{font-size:20px; color:#333; padding:0 0 6px 0}
.main_right section ul, .main_right section div:first-child{background:#fff; border:1px solid #d4d4d4; padding:8px 16px 14px 16px}
.main_right section ul li{background-position:-664px -13px; padding:0 0 6px 14px; line-height:1em; margin:2% auto}
.main_right section ul li a{font-size:13px; color:#666}
.main_right section ul li a:hover{color:#0f84b7}
.bg_white, .bg_blue, .bg_gray{background:#fff; border-top:1px solid #d7d7d7; padding:30px 0 0 0}
.bg_white h2, .bg_blue h2, .bg_gray h2{font-size:60px; color:#3c96c2; padding:0}
.bg_white h3{font-size:36px; color:#333; font-family:"Century Gothic", Verdana, Arial; line-height:1.2em; padding:20px 0 25px}
.bg_white h4{font-size:24px; margin-bottom:10px}
.bg_white section{margin:50px 0 0 0}
.bg_white section div{width:530px}
.img_line{width:1000px; height:50px; bottom:0; left:0; background:url(images/pic_line.png) 0 0 no-repeat}
.bg_white section:nth-child(2n+1) img{margin-right:30px}
.bg_blue{background:#a7d0e4}
.bg_blue .frame1000{background:url(images/pic_num_list.png) 10px 60px no-repeat; padding-bottom:50px}
.bg_blue h2{color:#00467c}
.bg_blue p{background:#ffcee0; margin:20px 0 25px 99px; padding:16px 26px; width:900px; font-size:18px; color:#552051; line-height:1.8em}
.bg_blue h2+p{background:#ffeeab; color:#555120}
.bg_blue p:last-child{background:#cdfbc6; color:#205521}
.bg_gray{background:#ebebeb}
.bg_gray h2{color:#565656}
.bg_gray h3 a, .bg_gray h3{color:#00467c; font-size:18px; line-height:2em; padding:0}
.bg_gray img{border:3px solid #fff; margin-right:30px; border-radius:20px}
.bg_gray section{border-bottom:1px solid #d3d3d3; padding:16px 0}
.bg_gray .frame1000{background: url(images/bg_gray_bg.png) 0 bottom no-repeat}
.load_more{border:4px solid #fff; border-radius:40px; color:#666; font-size:30px; margin:20px 0; padding:16px 24px;}
.load_more:hover, .thdrpy a:hover{background:#fff; color:#3C96C2; transform:scaleX(1.1); -webkit-transform:scaleX(1.1)}
footer{border-top:3px solid #a7d0e4; background:url(images/footer_bg.png) 0 0 repeat; padding: 12px 0 24px 0}
footer p{color:#898989; font-size:14px; padding:16px 0}
footer a{color:#8bbad1}
footer p:last-child{color:#677180}
.foot_social a{width:38px; height:38px; margin:16px 10px 0 0}
.foot_social a.goo{background-position:-501px -56px}
.foot_social a.face{background-position:-546px -56px}
.foot_social a.in{background-position:-589px -56px}
.foot_social a.pin{background-position:-632px -56px}
.foot_social a.youtube{background-position:-457px -56px}
#sub_menu{ background:#fefefe;  width:100%; z-index:12; border-top:1px solid #ccc; border-bottom:2px solid #54AAD4; height:52px}
#sub_menu li a{padding:13px 20px; font-size:20px; border-left:1px solid #ddd; color:#54aad4}
#sub_menu li:last-child a{border-right:1px solid #ddd}
#sub_menu li a:hover, #sub_menu li a.hover{background-position:center -622px; color:#fff; box-shadow:0 -4px 0 #54aad4; border-left:1px solid #54aad4; border-right:0}
#sub_menu li:last-child a:hover, #sub_menu li:last-child a.hover{border-right:0}
.bg_camera{width:199px; height:190px; background-position:0 -411px; left:-200px; top:93px}
#content.bg_gray2{background:#ededed}
h1, h2{font-size:36px; color:#4298cc; font-family:"Century Gothic", Verdana, Arial}
h2{color:#222; font-size:22px}
h3{font-size:16px; color:#666}
h1, h2, h3, h4{line-height:1em}
h1{padding:0 0 20px 0}
h2{padding:20px 0 12px 0}
h3{padding:12px 0 6px 0; font-weight:bold}
p{font-size:14px; color:#333; margin-bottom:12px}
.main_left ul{padding:0 0 12px 0; color:#333}
.main_left ul li{margin:12px 0; background-position:-646px -348px; padding-left:30px}
.main_left ul li strong{color:#4298cc}
.main_left ul li li{ background-position:-662px -740px; padding-left:16px}
.img_float_left, .img_style, .imagefloat{border-radius:20px; margin:0 24px 12px 0; box-shadow:0 2px 2px rgba(0, 0, 0, 0.2); background:#fff; padding:5px}
.img_style{box-shadow:0 3px 5px rgba(0, 0, 0, 0.3); padding:2px}
.button_download{background:#3ea400 url(images/images.png) no-repeat -624px -102px; box-shadow:0 5px 0 rgba(41, 109, 0, 1), 0 6px 6px rgba(0, 0, 0, 0.5); color:#fff; font-size:22px; padding:9px 20px 5px 50px; border-radius:30px; text-shadow:0 1px 0 #3ea400; display:inline-block; margin:10px 0}
.button_download:hover{top:3px; box-shadow:0 2px 0 rgba(41, 109, 0, 1), 0 3px 3px rgba(0, 0, 0, 0.5)}
#___plus_0{width:265px!important; border:none!important}
#I0_1394005974543{width:265px!important}
.postmetadata{background:#fff; padding:4px; border-radius:8px}
.postmetadata img{border-radius:8px}
#comments{margin-top:30px}
#comments ul li{ background:none; padding:0}
#comment_number{margin-top:10px; background:url(images/com-num-left.png) no-repeat 0 0; padding-left:14px; height:21px; line-height:1.4em}
#comment_number a{background:url(images/com-num-right.png) no-repeat right top; padding-right:10px; height:21px; color:#999; font-size:11px; }
#comment_number a span{background:#4298cc; color:#fff; padding:2px 6px; border-radius:20px}
h3.respond{color:#4298CC; font-size:18px; margin-bottom:12px}
#comment_form li label{color:#666; padding-left:10px}
#comment_form li span{padding-left:3px; color:#f60; font-size:11px}
#comment_form li:nth-child(1) input, #comment_form li:nth-child(2) input, #comment_form li textarea{width:300px; border:1px solid #ccc; border-radius:6px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.5); padding:4px 6px; color:#333}
#comment_form li textarea{width:98%}
#comment_form li:last-child input{border-radius:6px; border:0; background:#090; color:#fff; padding:4px 12px; box-shadow:0 5px 0 rgba(0, 86, 12, 1), 0 6px 6px rgba(0, 0, 0, 0.3)}
#comment_form li:last-child input:hover{top:3px; box-shadow:0 2px 0 rgba(0, 86, 12, 1), 0 3px 3px rgba(0, 0, 0, 0.3)}
.img_meta, .comment_meta{height:34px;}
.entry{background:#fff; border-radius:6px; color:#666; margin:10px 0 10px 50px; padding:8px}
.meta_list{padding:6px 0 0 0;}
ul#comment_list li .meta_list strong{font-size:16px; color:#000; display:inline; margin-right:14px}
ul#comment_list li .meta_list span{color:#666}
.avatar{margin-right:14px; border-radius:6px}
.comment-childs{margin:10px 0 0 50px}
.thdrpy{text-align:right}
.thdrpy a{ background:none; border:2px solid #0098EC; padding:0 12px; border-radius:24px; font-size:11px}
.thdrpy a:hover{background:#0098EC; color:#fff}
.ratingtext strong{ display:inline-block!important}
.thumblock {width:300px; margin-top:-22px!important;}
.main_left ul#comment_list li{background:#F1F1F1; border-radius:6px; margin:0 0 40px; padding:10px;}
cite{font-style:normal; margin-right:14px}
.gdthumbtext{ margin-left:6px; color:#999; font-style:italic}
.main_left form#comment_form ul li{margin:0 0 12px 0}
.comment-childs form#comment_form ul li, .main_left ul#comment_list li form#comment_form ul li{margin:0}
#gsc-i-id1{height:18px!important}
.banner_404_bg{background:url(images/404_image.png) no-repeat 0 0; width:100%; height:371px; padding:20px 0 0 80px}
.banner_404_bg h2{color:#ff1900; font-size:111px}
.banner_404_bg h2 span{font-size:36px; line-height:1em}
.banner_404_bg p{ background:#aa8141; border-radius:20px; color:#fff; font-size:14px; width:238px; padding:16px; margin:0}
.banner_404_bg p:last-child{background:url(images/404_image_bg2.png) no-repeat 0 0; width:44px; height:37px; margin-left:100px; border-radius:0}
.errorMsg{color:#F00}
#loadingProgress{display:block; margin-top:23px;}
#loadingImg{margin-right:6px}
#loadingPercent{color:#fff}
.aligncenter{ display:block; margin:12px auto}

/*chart_table*/
.chart_table{ width:100%; margin:0 auto 20px auto; border:1px solid #ddd; font-size:12px; line-height:1.2em}
.chart_table th{font-size:13px; background:#5bbcd6; color:#fff; padding:8px 12px}
.chart_table td{padding:6px 12px}
.chart_table td{background:#fff; text-align:center}
.chart_table tr td:nth-child(2n){ background:#edf7f9}
.chart_table th, .chart_table tr{border-bottom:1px solid #ddd;}
.chart_table tr th:nth-child(2n){background:#00a4c5}
.chart_table tr td:nth-child(1){background:#c0f0e8; color:#0b6555; font-size:13px; text-align:left}
.chart_table img{margin:0}
.chart_table td span{text-decoration:line-through; color:#999}

#buttonUpload{height:23px!important; padding:2px 14px!important}
/*文章列表*/
.left_img, .right_info, .article_list{float:left;}
.article_list{padding:12px 0; border-bottom:1px dotted #ddd;}
.left_img{background:#FFF; border:5px solid #fff; border-radius:20px; height:120px; margin:5px 24px 0 0; overflow:hidden; width:120px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}
.right_info{width:78%;}
.article_list a{ text-decoration:none; color:#00467c;}
.right_info h2, .right_info h2 a{padding:0; font-weight:bold; line-height:1.8em}
.article_list:hover{background:#efefef;}
.article_list a:hover{text-decoration:underline;}
.article_list p{color:#555; margin-top:0;}
.wp-pagenavi{clear:both; width:100%; height:40px; padding:12px 0 0 0;}
.wp-pagenavi a, .wp-pagenavi span{background:#fff!important; border-radius:6px; color:#999; margin:2px; padding:6px 10px!important; text-decoration:none; text-shadow:none!important; box-shadow:none!important; border:1px solid #ddd!important}
.wp-pagenavi a{color:#000069;}
.wp-pagenavi a:hover{background:#00467c!important; color:#fff; border:1px solid #00467c!important}
#content > div > p{display:none}

@media all and (min-width:979px) and (max-width:1025px){
.cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse{width:88%}
}
/* Landscape phones and down */
@media all and (max-width:979px){	
#bookmark, #comment_form li span, .top_right{display:none}
header{height:60px; border-bottom: 1px solid #ddd;}
.small_menu{background:none; width:36px; box-shadow:none; position: absolute; right:0; top: 0; z-index: 999999; cursor: pointer; padding:30px 5% 30px 10%; height:10px; display:block}
header .frame1000{float:left; width:78%; padding:0 2% 0 4%}
.frame1000{padding:0 2%; width:96%}
.frame_article{width:100%}
#logo{margin:10px 0 0 0; width:auto; background:none}
#logo img{display:block;}
img{max-width:100%; height:auto}
.main_right{width:100%; margin:0}
.small_menu span, .small_menu span:before, .small_menu span:after{cursor: pointer; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; height:4px; width:4px; background:#4298cc; position: absolute; display: block; content: ''; }
.small_menu span:before {top: -10px; }
.small_menu span:after {bottom: -10px;}
.main_right section{background:#fff; margin-bottom:0; padding: 24px 0;}
#comment_form li:nth-child(1) input, #comment_form li:nth-child(2) input, #comment_form li textarea{width:100%; margin:0 auto; padding:4px 1%;}
body, p{font-size:100%; line-height:24px}
p{font-size:.85em}
h1{font-size:2em}
h2{font-size:1.5em}
h1, h2, h3, h4 {line-height:1.2em;}
#comment_form li:last-child input{width:100%; padding:4px 0}
#comment_form li{ position:relative;}
#comment_form li:first-child, #comment_form li:nth-child(2){height:40px}
#comment_form li:first-child b, #comment_form li:nth-child(2) b{ position:absolute; background:url(images/name.svg); border-radius:20px; font-size:0; top:8px; right:1%; width:16px; height:16px; display:block}
#comment_form li:nth-child(2) b{background:url(images/email.svg);}
.frame_article{margin:24px 0 0 0}
.img_float_left, .img_style, .imagefloat{border-radius:6px; margin:6px 6% 4% 0; padding:1%}
.main_right section ul, .main_right section div:first-child{border:0; margin:0 auto; padding:0}
.main_right section:first-child div:first-child, .main_right section:nth-child(3) div{width:250px;}
.main_right section:nth-child(2){background:#54aad4; text-align:center; color:#fff}
.main_right section ul{width:100%; background:none; margin-top:0; padding:0 4%}
.main_right section ul li a, .main_right section h5{color:#fff}
.main_right section ul li{ background:none}
.main_right section h5{padding:0 4% 1% 4%}
.main_left ul li{background:url(images/pen.svg) no-repeat 0 4px;}
header nav{height:auto; background:none; box-shadow:none}
header nav ul{display:none; width:100%; background:#fff; text-align:center; top:60px; z-index:2000; position:absolute; opacity:0.95}
header nav ul li{ float:none}
header nav a{display:inline-block; width:100%; line-height:3em; border-bottom:1px solid #ddd; font-weight:bold; color:#54aad4}
header nav a:hover, header nav a:focus, header nav a.hover{text-decoration:none; background:#54aad4; color:#fff; -webkit-tap-highlight-color: rgba(255,0,0,0); text-shadow:none!important; box-shadow:none!important}
header nav a, header nav a:hover, header nav a.hover{border-left:0!important; border-right:0!important; top:0!important}
hover
.bg_gray2 .frame1000{padding:0; width:100%}
.bg_gray2 .frame_article{padding:0 4%}
.img_style{ margin:4% auto; display:block}
a{font-size:1.2em}
.banner_404_bg h2{padding-top:0}
.banner_404_bg{padding-top:10px}
.banner_image{min-width:100%; max-width:100%;}
.main_left{width:100%}
.main_left .img_nav{padding:0}
.bg_camera{ background:none}
.pad_mar_0{padding:0; margin:0; width:100%}
#banner h1, #banner_small h1{font-size:2.5em; padding:2%}
#banner p{background:#fff; text-shadow: none; margin:0; padding:2% 4%; width:70%; height:auto; opacity: 0.8}
.launch_button, .download_button{background-image:none; font-size:1.5em; padding:10px 4%;}
.download_button{font-size:1.2em}
.banner_button{width:100%; left:0}
#banner h2, #banner_small h2{padding:2%}
.bg_white section img{float:none!important; margin: 0 auto!important; display: block;}
.img_line{width:0}
#sub_menu ul, .bg_white section div, .bg_white section div{width:100%}
.lan_link, #top_link li li:last-child, #top_link li li:nth-child(2){display:block}
#top_link li:last-child, #top_link li:nth-child(2), #top_search{ display:none}
.lan_link{position:absolute; right:-10%; top:18px;}
#top_link li ul{width:150%;}
#top_link li ul li, #top_link li ul li a{width:100%; display:block}
.aligncenter{margin:6px auto 4% auto}
.chart_table{width:100%; margin:0 auto}
.chart_table td, .chart_table th{padding:12px 2%; word-wrap:break-word; word-break:break-all}
}
/* Landscape phones and down */
@media all and (min-width:768px) and (max-width:979px) {
.main_left p, .main_left h2, .main_left ul{display:block; float:none; clear:both}
.main_left ul li{ background-position:0 3px}
}
@media all and (max-width:768px){#banner h1, #banner_small h1, .bg_white h3{font-size:1.5em}
#banner p{width:96%; opacity:0.85; margin:5% 2% 0 2%}
#banner h1 span:last-child, #banner h2, #banner_small h1 span:last-child, #banner_small h2, .bg_white h4{font-size:1.2em}
.launch_button, .download_button{font-size:1.2em; display: block; width:96%; text-align: center; margin-bottom:30px; text-shadow:none}
.download_button{margin-bottom:0}
#banner p, .download_button{font-size:1em}
.banner_button{position:relative; margin:5% 2%;}
#social{ text-align:center}
.img_line{width:100%; background:none}
.bg_white h2, .bg_blue h2, .bg_gray h2{font-size:2em; clear:both}
#sub_menu li a{padding:13px 8%; font-size:1em; position: static; display:inline-table; width:auto}
#sub_menu{height:auto}
.main_left ul.img_list li{width:40%; margin:15px 4%;}
#sub_menu li a:hover, #sub_menu li a.hover{ background-image:none; background-color:#54aad4}
.bg_blue .frame1000{ background:none;}
.bg_blue p{ width:100%; margin:20px 0; padding: 16px 4%; font-size:1em;}
.bg_gray h3 a, .bg_gray h3{ font-size:1.1em; line-height:1.2em; margin-bottom:4%}
.bg_blue p, .bg_gray h3 a, .bg_gray h3, .bg_gray p, #sub_menu li a{text-shadow:none}
.bg_gray img, .bg_blue p{border-radius:8px}
.load_more{background: #fff; width: 100%; text-align: center; border:none}
.bg_gray section{ border:none}}
/* Landscape phones and down */
@media all and (max-width:400px){
.banner_404_bg h2{font-size:5em}
.banner_404_bg h2 span{font-size:30px}
.banner_404_bg{ padding-left:40px}
.banner_404_bg p{width:90%}
}
@media all and (max-width:350px){
#banner h1, #banner_small h1{font-size:1.2em}	
#banner p{margin-top:2%}
}

.text_align_c{text-align:center}
.margin_bottom_12{ margin-bottom:12px}
.ratingblock{ clear:both}
.app-store, .google-play{background:url(images/apps.png) no-repeat 0 0; width:181px; height:50px; display:block; margin:16px 0}
.google-play:hover{ background-position:0px -54px}
.app-store{background-position:-185px 0px}
.app-store:hover{background-position:-185px -54px}